<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;IE=6"/>
    <title>精选院校专业</title>
    <link type="text/css" href="css/step2_1.css" rel="stylesheet">

    <script type="text/javascript" src="js/lib/host.js"></script>
    <script type="text/javascript" src="js/lib/jquery/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/lib/jquery/json.min.js"></script>

    <script type="text/javascript" src="js/lib/jquery/jquery.alerts.js"></script>
    <link type="text/css" href="resources/css/jquery.alerts.css" rel="stylesheet" />

    <script type="text/javascript" src="js/lib/jquery/jquery.loadmask.js"></script>
    <link type="text/css" href="resources/css/jquery.loadmask.css" rel="stylesheet">

    <script type="text/javascript" src="js/lib/fg.menu.js"></script>
    <link type="text/css" href="css/fg.menu.css" media="screen" rel="stylesheet" />
    <link type="text/css" href="resources/theme/ui.all.css" media="screen" rel="stylesheet" />
    <link type="text/css" href="css/menu.css" media="screen" rel="stylesheet" />

    <script type="text/javascript" src="js/lib/Histogram.js"></script>
    <script type = "text/javascript" src="js/common.js"></script>
    <script type = "text/javascript" src="js/step2_1.js"></script>
</head>

<body>
<div class="wrap">
<div class="head">
    <div class="headRight">
        <ul>
            <li ><a class="step1">选择意向院校</a></li>
            <li> | </li>
            <li class="hover"><a class="step2">精选院校专业</a></li>
            <li> | </li>
            <li><a class="step3">方案调整</a></li>
            <li class="logout">退出登录</li>
        </ul>
    </div>
    <div class="headLeft">
        <ul>
            <li>
                <a class="fg-button fg-button-icon-right" id="menu">
                    <span class="ui-icon ui-icon-triangle-1-s"></span>
                    菜单
                </a>
            </li>
            <li>
                <a class="fg-button fg-button-icon-right" id="lookupSchool">
                    <span class="ui-icon ui-icon-triangle-1-s"></span>
                    查看数据
                </a>
            </li>
        </ul>
        <div class="info">
            <span class="kemu"></span>
            <span class="blue studentname" ></span>
            总分  <span class="blue totalscore"></span>
            名次  <span class="red mingci"> </span>
        </div>
    </div>
    <div class="hide" id="menu-items" style="display: none;">
        <ul>
            <li><a href="#" class="savePlan step2">保存当前方案</a></li>
            <li><a href="#">载入已存在方案</a>
                <ul class="savedPlansList">
                </ul>
            </li>
            <li><a href="#">专家方案设计</a></li>
            <li><a href="#">使用帮助</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </div>
    <div class="hide" id="lookupSchool_items" style="display: none;">
        <ul>
            <li><a href="#" class="searchSchoolInfo">查询指定院校录取数据</a></li>
            <li><a href="#">查询指定专业录取数据</a>
                <ul>
                    <li><a href="#" class="searchFieldOfOneSchool">查询单个院校该专业</a></li>
                    <li><a href="#" class="searchFieldOfAllSchool">查询全部院校该专业</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
  <div class="clr"></div>
  <div class="main">
      <div class="content">
        <div class="mainLeft">
            <div class="title">院校</div>
            <div class="content">
                <div class="leftContent">
                    <div class="schoolName">
                        <!--浙江工业大学-->
                    </div>
                    <div class="schoolInfo">
                        <div class="schoolType">
                            <div class="nineeightfive">985</div>
                            <div class="twooneone">211</div>
                            <div class="yan">研</div>
                        </div>
                        <div class="clr"></div>
                        <table>
                            <tr>
                                <td class="left" align="left">
                                    类型 :
                                </td>
                                <td class="right"align="left">
                                    综合院校（本科）
                                </td>
                            </tr>
                            <tr>
                                <td class="left">
                                    隶属 :
                                </td>
                                <td class="right">
                                    教育部
                                </td>
                            </tr>
                            <tr>
                                <td class="left">
                                    城市 :
                                </td>
                                <td class="right">
                                    北京
                                </td>
                            </tr>
                            <tr>
                                <td class="left">
                                    地址 :
                                </td>
                                <td class="right">
                                    北京市海淀区伊河路5号
                                </td>
                            </tr>
                            <tr>
                                <td class="left">
                                    电话 :
                                </td>
                                <td class="right">
                                    010-000000
                                </td>
                            </tr>
                            <tr>
                                <td class="left">
                                    网址 :
                                </td>
                                <td class="right">
                                    <a style="text-decoration: underline;">www.pku.edu.cn</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="schoolDetail">
                        <a href="#">本院校情况专业介绍等详情</a>
                    </div>

                    <div class="schoolChart">
                        <div class="chartTitle">
                             往年录取名次数据图
                        </div>
                        <div class="chart" id="histogram1">

                        </div>
                    </div>
                    <div class="schoolDataTable">
                        <table cellpadding="0" cellspacing="0">
                            <tr>
                                <td></td>
                                <td>2009</td>
                                <td>2010</td>
                                <td>2011</td>
                                <td>2012</td>
                                <td>2013</td>
                            </tr>
                            <tr>
                                <td>录取名次</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>招生人数</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="rightContent">
                    <div class="addSchoolBtn">
                       <a>添加院校</a>
                    </div>
                    <div class="schoolTable">
                        <table cellpadding="0" cellspacing="0">
                            <thead>
                            <tr>
                                <th width="28">&nbsp;</th>
                                <th width="135">院校名称</th>
                                <th width="56">&nbsp;</th>
                                <th width="98">所在城市</th>
                                <th width="61">2012投档名次</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <!--<td height="40" class="checkbox"><img src="images/checkbox.jpg"/></td>-->
                                <!--<td>浙江工业大学</td>-->
                                <!--<td class="remove"><a><img style="width: 16px;height: 16px;"  src="images/remove.png"/></a></td>-->
                                <!--<td>浙江杭州</td>-->
                                <!--<td>13265</td>-->
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="clr"></div>
            </div>
            <div class="clr"></div>
        </div>

        <div class="mainRight">
            <div class="title">专业</div>
            <div class="content">
                <div class="topContent">
                    浙江工业大学
                </div>
                <div class="bottomContent">
                    <div class="leftBottom">
                        <div class="fieldTable">
                            <div class="tableBtn">
                                <div class="colorBtn">
                                    <div class="risk"><a>险</a></div>
                                    <div class="rush"><a>冲</a></div>
                                    <div class="stable"><a>稳</a></div>
                                </div>
                                <div class="rankBtn">
                                    <div class="selectByAuto"><a>学智排序</a>&nbsp;|&nbsp;</div>
                                    <div class="selectByAsc"><a>名次升序</a>&nbsp;|&nbsp;</div>
                                    <div class="selectByDesc"><a>名次降序</a></div>
                                </div>
                                <div class="clr"></div>
                            </div>
                            <div class="tableTitle">
                                <span style="width:42%;">专业名称</span>
                                <span style="width:30%;">招生人数</span>
                                <span style="margin-top: -10px;width: 20%;">往年最低投档名次</span>
                            </div>
                            <div class="clr"></div>
                            <div class="fieldTableBodyWap">
                                <table cellpadding="0" cellspacing="0">
                                    <thead>
                                        <!--<tr>-->
                                            <!--<th width="13%"></th>-->
                                            <!--<th width="41%">名称</th>-->
                                            <!--<th width="24%">招生人数</th>-->
                                            <!--<th width="22%">往年最低投档名次</th>-->
                                        <!--</tr>-->
                                    </thead>
                                    <tbody>
                                        <!--<tr>-->
                                            <!--<td height="29" class="checkbox"><img style="width:12px;height:12px;"  src="images/checkbox.jpg"/></td>-->
                                            <!--<td>电子信息工程</td>-->
                                            <!--<td>A/638</td>-->
                                            <!--<td>12659</td>-->
                                        <!--</tr>-->
                                     </tbody>
                                 </table>
                            </div>
                        </div>
                    </div>
                    <div class="rightBottom">
                        <div class="fieldChart">
                            <div class="chartTitle">
                                往年录取名次数据图
                            </div>
                            <div class="fieldTitle"></div>
                            <div class="chart" id="histogram2" style="display: block;">

                            </div>
                        </div>
                        <div class="fieldDataTable">
                            <table cellpadding="0" cellspacing="0">
                                <!--<tr>-->
                                    <!--<td></td>-->
                                    <!--<td>2009</td>-->
                                    <!--<td>2010</td>-->
                                    <!--<td>2011</td>-->
                                    <!--<td>2012</td>-->
                                    <!--<td>2013</td>-->
                                <!--</tr>-->
                                <!--<tr>-->
                                    <!--<td>录取名次</td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                <!--</tr>-->
                                <!--<tr>-->
                                    <!--<td>招生人数</td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                    <!--<td></td>-->
                                <!--</tr>-->
                            </table>
                        </div>
                        <div class="selectedFields">
                            <div class="top">
                                <div class="selectedCount">已选0个专业</div>
                                <div class="detailBtn" ><a>专业对比筛选</a></div>
                            </div>
                            <div class="clr"></div>
                            <div class="selectedList">
                                    <!--<div class="field colorBtn">-->
                                        <!--<div class="risk">险</div>-->
                                        <!--<div class="fieldName" >-->
                                            <!--<span>电子信息工程 </span>-->
                                        <!--</div>-->
                                        <!--<div class="remove"><img src="images/remove.png"/></div>-->
                                    <!--</div>-->
                            </div>
                            <div class="clr"></div>
                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
                <div class="clr"></div>
            </div>
            <div class="stepBtn">
                <div class="previousBtn"><a>上一步</a></div>
                <div class="nextBtn"><a>下一步</a></div>
            </div>
        </div>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
  </div>
</div>

<div class="searchSchoolForm">
    <label for="inputSchool">请输入院校名称：</label>
    <input type="text" style="width:200px;" id=inputSchool name="inputSchool" value="" /><br />
    <div class="button">
        <div class="confirm">确定</div>
        <div class="cancel">取消</div>
    </div>
</div>
<div class="searchFieldForm">
    <label for="inputSchool2" class="inputSchool2">请输入院校名称：</label>
    <input type="text" style="width:200px;margin-top: 10px;"class="inputSchool2" id=inputSchool2 name="inputSchool" value="" /><br />
    <label for="inputField">请输入专业名称：</label>
    <input type="text" style="width:200px;" id=inputField name="inputField" value="" /><br />
    <div class="button">
        <div class="confirm">确定</div>
        <div class="cancel">取消</div>
    </div>
</div>
<div class="searchSchoolResultTable">
    <table cellpadding="0" cellspacing="0">
        <thead>
        <tr>
            <th rowspan=2 width="100px;" style="font-size: 20px;" class="head1">院校名称</th>
            <th colspan=4>2012浙江省理科第一批分数线593分</th>
            <th colspan=4>2012浙江省理科第一批分数线593分</th>
            <th colspan=4>2012浙江省理科第一批分数线593分</th>
            <th colspan=4>2012浙江省理科第一批分数线593分</th>
            <th rowspan=2>2013年招生人数</th>
            <th rowspan=2 width=100 >院校地址</th>
        </tr>
        <tr>
            <th>投档线分</th>
            <th>名次号</th>
            <th>超省线分</th>
            <th>招生人数</th>
            <th>投档线分</th>
            <th>名次号</th>
            <th>超省线分</th>
            <th>招生人数</th>
            <th>投档线分</th>
            <th>名次号</th>
            <th>超省线分</th>
            <th>招生人数</th>
            <th>投档线分</th>
            <th>名次号</th>
            <th>超省线分</th>
            <th>招生人数</th>
        </tr>
        </thead>
        <tbody>
             <!--<tr>-->
            <!--<td>浙江大学</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
            <!--<td>0</td>-->
        <!--</tr>-->
        </tbody>
    </table>
</div>
<div class="searchFieldOfSchoolResultTable">
    <table cellpadding="0" cellspacing="0">
        <thead>
        <tr>
            <th>院校名称</th>
            <th>专业名称</th>
            <th>年份</th>
            <th>招生人数</th>
            <th>最高分</th>
            <th>最高名次</th>
            <th>最低分</th>
            <th>最低名次</th>
            <th>平均分</th>
            <th>平均名次</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td rowspan=4>上海交通大学</td>
            <td rowspan=4>法学</td>
            <td>2009</td>
            <td>3</td>
            <td>657</td>
            <td>559</td>
            <td>654</td>
            <td>679</td>
            <td>655</td>
            <td>635</td>
        </tr>
        <tr>
            <td>2010</td>
            <td>3</td>
            <td>657</td>
            <td>559</td>
            <td>654</td>
            <td>679</td>
            <td>655</td>
            <td>635</td>
        </tr>
        <tr>
            <td>2011</td>
            <td>3</td>
            <td>657</td>
            <td>559</td>
            <td>654</td>
            <td>679</td>
            <td>655</td>
            <td>635</td>
        </tr>
        <tr>
            <td>2012</td>
            <td>3</td>
            <td>657</td>
            <td>559</td>
            <td>654</td>
            <td>679</td>
            <td>655</td>
            <td>635</td>
        </tr>
        </tbody>
    </table>
</div>
<div class="fieldsCompared">
    <table cellpadding="0" cellspacing="0">
        <thead>
        <tr>
            <th rowspan="2" colspan="2" class="left">浙江工业大学</th>
            <th colspan="2" class="middle">2009年</th>
            <th colspan="2" class="middle">2010年</th>
            <th colspan="2" class="middle">2011年</th>
            <th colspan="2" class="middle">2012年</th>
            <th class="right">2013年</th>
        </tr>
        <tr>
            <th class="right">录取名次</th>
            <th class="left">招生人数</th>
            <th class="right">录取名次</th>
            <th class="left">招生人数</th>
            <th class="right">录取名次</th>
            <th class="left">招生人数</th>
            <th class="right">录取名次</th>
            <th class="left">招生人数</th>
            <th class="leftright">招生人数</th>
        </tr>
        </thead>
        <tbody>
            <tr>
                <td class="remove left" ><img src="images/remove.png"></td>
                <td class="right">电子信息工程</td>
                <td class="left">0</td>
                <td class="right">0</td>
                <td class="left">0</td>
                <td class="right">0</td>
                <td class="left">0</td>
                <td class="right">0</td>
                <td class="left">0</td>
                <td class="right">0</td>
                <td class="leftright">0</td>
            </tr>
        </tbody>
    </table>
    <div class="returnBtn">
        <a>返回</a>
    </div>
</div>

<div class="savePlanWin" style="display: none;">
    <label for="inputPlanName">请输入保存的方案名称：</label>
    <input type="text" style="width:200px;" id=inputPlanName name="inputPlanName" value="" /><br />
    <div class="button">
        <div class="confirm">确定</div>
        <div class="cancel">取消</div>
    </div>
</div>
</body>
</html>
